
	import { mapGetters } from 'vuex'
	
	export default {
		onShow() {
			this.setBadge()
		},
		computed: {
			...mapGetters('m_cart', ['total'])
		},
		methods: {
			setBadge() {
				// if (!this.total) return
				// 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
				if (this.total === 0) {
					uni.removeTabBarBadge({
						index: 2
					})
					return
				}
				uni.setTabBarBadge({
					index: 2, // 索引
					// text: '7'
					// 如果 text 是字符串就显示，如果是数字就不显示
					// text: this.total ? this.total + '' : 0 // 注意：text 的值必须是字符串，不能是数字
					text: this.total + ''
				})
			}
		},
		watch: {
			// 当购物车 cart 发生变化的时候，total 就会发生变化，total的话可以通过watch来监听
			total() {
				this.setBadge()
			}
		}
	}
	
	// mixin的功能: 可以抽离组件的公共代码